<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
    <title>K12试听课预约平台</title>
    <link rel="stylesheet" href="../lib/fontawesome/all.min.css">
    <link rel="stylesheet" href="../lib/layer/theme/default/layer.css">
    <link rel="stylesheet" href="../css/main.css">
    <link rel="stylesheet" href="../css/login.css">
</head>
<body>

<div id = app>
    <!-- 页头 -->
    <div class="page-header">
        <div class="top-bar">
            <a href="/user/login" class="brand">
                <i class="far fa-clock yellow"></i>
                <span class="brand orange">K12试听课预约平台</span>
            </a>
        </div>
    </div>

    <!-- 页面主体 -->
    <div class="main-body">
        <form id="myForm" class="user-form" action="/user/userLogin" method="post">
            <h4 class="title">用户登录</h4>
            <p id="msg" style="display: none;color: red;text-align: center">请输入用户名和密码</p>
            <div class="field">
                <input type="text" name="username" placeholder="用户名">
            </div>
            <div class="field">
                <input type="password" name="password" placeholder="密码">
            </div>
            <div class="img-field">
                <input type="text" name="code" placeholder="验证码">
                <img src="/verification" id="yzm" style="width:114px;height: 30px;" title="看不清，点击换一张" onclick="change(this)" >
            </div>
            <div class="actions">
                <button type="button" id="dl" >登录</button>
<!--                <a id="dl" class="button" href="javascript:void(0)">登录</a>-->
            </div>
            <div class="links">
                <a href="#">忘记密码？</a>
                <a href="/user/register">注册账户</a>
            </div>

        </form>


    </div>
    <!-- 页脚 -->
    <div class="page-foot">
        <div class="hr"></div>
        <span class="info">&copy;2019 软赢科技 版权所有</span>
    </div>
</div>

</body>
<script src="../lib/jquery.min.js"></script>
<script src="../lib/vue.min.js"></script>
<script src="../lib/axios.min.js"></script>
<script src="../lib/layer/layer.js"></script>
<script src="../js/main.js"></script>
<script src="../js/login.js"></script>
</html>